<!DOCTYPE html>
<!--suppress ALL -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>信保通</title>
    <!-- HTML5 Shim and Respond.js IE9 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <meta name="description" content="Phoenixcoded">
    <meta name="keywords"
          content=", Flat ui, Admin , Responsive, Landing, Bootstrap, App, Template, Mobile, iOS, Android, apple, creative app">
    <meta name="author" content="Phoenixcoded">
    <!-- Favicon icon -->
    <link rel="icon" th:href="${urls.getForLookupPath('/assets/images/favicon.ico')}" type="image/x-icon">
    <!-- Google font-->
    <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">-->
    <!-- Required Fremwork -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/bootstrap/css/bootstrap.min.css')}">
    <!-- themify icon -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/themify-icons/themify-icons.css')}">
    <!-- ico font -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/icon/icofont/css/icofont.css')}">
    <!-- flag icon framework css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}">
    <!-- Menu-Search css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/menu-search/css/component.css')}">
    <!-- Horizontal-Timeline css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/horizontal-timeline/css/style.css')}">
    <!-- amchart css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/dashboard/amchart/css/amchart.css')}">
    <!-- flag icon framework css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/flag-icon/flag-icon.min.css')}">
    <!-- Style.css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/style.css')}">
    <!--color css-->
    <!-- Date-time picker css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/advance-elements/css/bootstrap-datetimepicker.css')}">
    <!-- Date-range picker css  -->
    <link rel="stylesheet" type="text/css"
          th:href="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/css/daterangepicker.css')}"/>
    <!-- Date-Dropper css -->
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/bower_components/datedropper/css/datedropper.min.css')}"/>
    <!-- Data Table Css -->
    <link rel="stylesheet" type="text/css"
          th:href="${urls.getForLookupPath('/bower_components/datatables.net-bs4/css/dataTables.bootstrap4.min.css')}">
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/pages/data-table/css/buttons.dataTables.min.css')}">
    <link rel="stylesheet" type="text/css"
          th:href="${urls.getForLookupPath('/bower_components/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')}">

    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/linearicons.css')}">
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/simple-line-icons.css')}">
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/ionicons.css')}">
    <link rel="stylesheet" type="text/css" th:href="${urls.getForLookupPath('/assets/css/jquery.mCustomScrollbar.css')}">
    <!-- pages -->
    <link rel="stylesheet" th:href="${urls.getForLookupPath('/assets/css/common.css')}">
    <link rel="stylesheet" th:href="${urls.getForLookupPath('/assets/css/element.css')}">
    <style>
        .el-date-editor.el-input, .el-date-editor.el-input__inner { width:100%; }
	    .el-tabs__item.is-active, .el-switch__label.is-active { color:#e6061f; font-weight:bold; }
	    .el-tabs__active-bar { background-color:#e6061f; }
	    .el-switch.is-checked .el-switch__core { border-color:#e6061f; background-color:#e6061f; }
	    .btnWrap { text-align:center; margin-top:20px; }
	    .btnWrap button { margin-right:20px; padding-left:40px; padding-right:40px;}
	    .addAccessories { margin-bottom:15px; margin-left:0; width:100%; height:40px; line-height:40px; }
	  .deleteService { display:block; cursor:pointer; }
	  .deleteService:hover { opacity:1; }
	  .el-upload--picture-card i { font-size:20px;}
	  .resultContainer { display:none;}
    </style>
</head>

<body>
<!-- Pre-loader start -->
<div class="theme-loader">
    <div class="ball-scale">
        <div></div>
    </div>
</div>
<!-- Pre-loader end -->
<!-- Menu header start -->
<div id="pcoded" class="pcoded">
    <div class="pcoded-overlay-box"></div>
    <div class="pcoded-container navbar-wrapper">
        <div id="topBar"></div>
        <div class="pcoded-main-container">
            <div class="pcoded-wrapper">
                <!-- nav -->
                <div id="sidebarNavbar"></div>
                <div class="pcoded-content">
                    <div class="pcoded-inner-content">
                        <!-- main -->
                        <div class="main-body" id="permissions">
                            <div class="page-wrapper">
                                <!-- Page-body start -->
                                <div class="page-body">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card table-1-card">
                                                <div class="card-block">
                                                    <div class="card-header">
                                                        <h5>uams</h5>
                                                    </div>
                                                    <div class="card-body">
                                                        <el-form :model="uamsForm" class="demo-form-inline"
                                                                 label-width="100px">
                                                            <el-row>
                                                            	<el-col :span="24">
                                                                    <div style="font-size:15px; font-weight:bold;">菜单表
                                                                    </div>
                                                                </el-col>
                                                            </el-row>
                                                            <el-row v-for="uamsMenu in uamsForm.uamsMenus">
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单id">
                                                                        <el-input v-model="uamsMenu.menuId"
                                                                                  placeholder="请输入菜单id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="父菜单id">
                                                                        <el-input v-model="uamsMenu.menuParentId"
                                                                                  placeholder="父菜单请输入1，子菜单请输入父菜单id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单名称">
                                                                        <el-input v-model="uamsMenu.menuName"
                                                                                  placeholder="请输入菜单名称"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单url">
                                                                        <el-input v-model="uamsMenu.menuUrl"
                                                                                  placeholder="请输入菜单url"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="系统id">
                                                                        <el-input v-model="uamsMenu.systemId"
                                                                                  placeholder="请输入系统id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="7">
                                                                    <el-form-item label="是否父菜单">
                                                                        <el-select v-model="uamsMenu.isParentMenu"
                                                                                   placeholder="请选择">
                                                                            <el-option
                                                                                    v-for="isParentMenu in isParentMenus"
                                                                                    :value="isParentMenu"></el-option>
                                                                        </el-select>
                                                                    </el-form-item>
                                                                </el-col>
							                                   	<el-col :span="1" style="text-align:right; margin-top:6px;">
							                                   		<i class="el-icon-close deleteService" @click.prevent="removeUamsItem(uamsMenu, 'uamsMenus')"></i>
							                                   	</el-col>
                                                            </el-row>
						                                   <el-row>
						                                   	<el-col :span="24">
						                                   		<div class="addAccessories el-upload--picture-card" @click="addUamsItem('uamsMenus')"><i class="el-icon-plus"></i><span>增加菜单表</span></div>
						                                   	</el-col>
						                                   </el-row>
                                                            <el-row>
                                                                <el-col :span="24">
                                                                    <div style="font-size:15px; font-weight:bold;">功能表
                                                                    </div>
                                                                </el-col>
                                                            </el-row>
                                                            <el-row v-for="uamsFunction in uamsForm.uamsFunctions">
                                                                <el-col :span="8">
                                                                    <el-form-item label="功能id">
                                                                        <el-input v-model="uamsFunction.functionId"
                                                                                  placeholder="请输入功能id"
                                                                                  @blur="getFunctionId()"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="功能名称">
                                                                        <el-input v-model="uamsFunction.functionName"
                                                                                  placeholder="请输入功能名称"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="7">
                                                                    <el-form-item label="菜单id">
                                                                        <el-input v-model="uamsFunction.functionMenuId"
                                                                                  placeholder="请输入菜单id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
							                                   	<el-col :span="1" style="text-align:right; margin-top:6px;">
							                                   		<i class="el-icon-close deleteService" @click.prevent="removeUamsItem(uamsFunction, 'uamsFunctions')"></i>
							                                   	</el-col>
                                                            </el-row>
						                                   <el-row>
						                                   	<el-col :span="24">
						                                   		<div class="addAccessories el-upload--picture-card" @click="addUamsItem('uamsFunctions')"><i class="el-icon-plus"></i><span>增加菜单表</span></div>
						                                   	</el-col>
						                                   </el-row>
                                                            <el-row>
                                                                <el-col :span="24">
                                                                    <div style="font-size:15px; font-weight:bold;">
                                                                        角色功能
                                                                    </div>
                                                                </el-col>
                                                            </el-row>
                                                            <el-row v-for="uamsRole in uamsForm.uamsRoles">
                                                                <el-col :span="8">
                                                                    <el-form-item label="角色">
                                                                        <el-select v-model="uamsRole.role"
                                                                                   placeholder="请选择">
                                                                            <el-option v-for="role in roles"
                                                                                       :value="role"></el-option>
                                                                        </el-select>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="15">
                                                                    <el-form-item label="功能id">
                                                                        <el-select v-model="uamsRole.roleFunctionId"
                                                                                   placeholder="请选择" multiple
                                                                                   filterable>
                                                                            <el-option
                                                                                    v-for="roleFunctionId in roleFunctionIds"
                                                                                    :value="roleFunctionId"></el-option>
                                                                        </el-select>
                                                                    </el-form-item>
                                                                </el-col>
							                                   	<el-col :span="1" style="text-align:right; margin-top:6px;">
							                                   		<i class="el-icon-close deleteService" @click.prevent="removeUamsItem(uamsRole, 'uamsRoles')"></i>
							                                   	</el-col>
                                                            </el-row>
						                                   <el-row>
						                                   	<el-col :span="24">
						                                   		<div class="addAccessories el-upload--picture-card" @click="addUamsItem('uamsRoles')"><i class="el-icon-plus"></i><span>增加菜单表</span></div>
						                                   	</el-col>
						                                   </el-row>
                                                            <el-row>
                                                                <el-col :span="24">
                                                                    <div class="resultContainer" ref="uamsResult" >{{uamsInsertSqlResult}}</div>
                                                                    <div class="btnWrap">
                                                                        <button type="button"
                                                                                class="btn btn-round btn-success"
                                                                                @click="createUamsMenu()">增 加
                                                                        </button>
                                                                        <button type="button"
                                                                                class="btn btn-round btn-success"
                                                                                @click="updateUamsMenu()">修 改
                                                                        </button>
                                                                    </div>
                                                                </el-col>
                                                            </el-row>
                                                        </el-form>
                                                    </div>
                                                    <div class="card-header">
                                                        <h5>信保通</h5>
                                                    </div>
                                                    <div class="card-body">
                                                        <el-form :model="xbtForm" class="demo-form-inline"
                                                                 label-width="100px">
                                                            <el-row v-for="xbtFormData in xbtForm.xbtFormDatas">
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单id">
                                                                        <el-input v-model="xbtFormData.menuId"
                                                                                  placeholder="必填，resource表id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单样式">
                                                                        <el-input v-model="xbtFormData.menuClass"
                                                                                  placeholder="父菜单必填，请输入：pcoded-hasmenu"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单图标">
                                                                        <el-input v-model="xbtFormData.menuIcon"
                                                                                  placeholder="请输入菜单图标，类型选择MENU时必填"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="父菜单id">
                                                                        <el-input v-model="xbtFormData.menuParentId"
                                                                                  placeholder="请输入父菜单id，类型选择MENU时必填"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="菜单/功能名称">
                                                                        <el-input v-model="xbtFormData.menuName"
                                                                                  placeholder="请输入菜单/功能名称"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="类型">
                                                                        <el-select v-model="xbtFormData.menuType"
                                                                                   placeholder="请选择；菜单选择MENU，功能选择BUTTON">
                                                                            <el-option v-for="menuType in menuTypes"
                                                                                       :value="menuType"></el-option>
                                                                        </el-select>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="url">
                                                                        <el-input v-model="xbtFormData.menuUrl"
                                                                                  placeholder="请输入url，父菜单可不输"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="排序">
                                                                        <el-input v-model="xbtFormData.menuSort"
                                                                                  placeholder="请输入排序，参考resource表中ORDER字段值"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="8">
                                                                    <el-form-item label="系统id">
                                                                        <el-input v-model="xbtFormData.menuSystemId"
                                                                                  placeholder="请输入系统id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
                                                                <el-col :span="10">
                                                                    <el-form-item label="菜单编码">
                                                                        <el-input v-model="xbtFormData.menuCode"
                                                                                  placeholder="类型选择MENU时输入UAMS菜单id，为BUTTON时输入UAMS功能id"
                                                                                  clearable></el-input>
                                                                    </el-form-item>
                                                                </el-col>
							                                   	<el-col :span="1" style="text-align:right; margin-top:6px;">
							                                   		<i class="el-icon-close deleteService" @click.prevent="removeXbtItem(xbtFormData, 'xbtFormDatas')"></i>
							                                   	</el-col>
                                                            </el-row>
						                                   <el-row>
						                                   	<el-col :span="24">
						                                   		<div class="addAccessories el-upload--picture-card" @click="addXbtItem('xbtFormDatas')"><i class="el-icon-plus"></i><span>增加菜单表</span></div>
						                                   	</el-col>
						                                   </el-row>
                                                            <el-row>
                                                                <el-col :span="24">
                                                                    <div class="resultContainer" ref="xbtResult">{{xbtInsertSqlResult}}</div>
                                                                    <div class="btnWrap">
                                                                        <button type="button"
                                                                                class="btn btn-round btn-success"
                                                                                @click="createXbtMenu()">增 加
                                                                        </button>
                                                                        <button type="button"
                                                                                class="btn btn-round btn-success"
                                                                                @click="updateXbtMenu()">修 改
                                                                        </button>
                                                                    </div>
                                                                </el-col>
                                                            </el-row>
                                                        </el-form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Older IE warning message -->
<!-- Warning Section Ends -->
<!-- Required Jqurey -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/jquery/js/jquery.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/bower_components/jquery-ui/js/jquery-ui.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/popper.js/js/popper.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/bootstrap/js/bootstrap.min.js')}"></script>
<!-- jquery slimscroll js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/jquery-slimscroll/js/jquery.slimscroll.js')}"></script>
<!-- modernizr js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/modernizr/js/modernizr.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/modernizr/js/css-scrollbars.js')}"></script>
<!-- classie js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/classie/js/classie.js')}"></script>

<!-- i18next.min.js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/i18next/js/i18next.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/i18next-xhr-backend/js/i18nextXHRBackend.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/i18next-browser-languagedetector/js/i18nextBrowserLanguageDetector.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/jquery-i18next/js/jquery-i18next.min.js')}"></script>


<!-- Bootstrap date-time-picker js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/assets/pages/advance-elements/moment-with-locales.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}"></script>
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/assets/pages/advance-elements/bootstrap-datetimepicker.min.js')}"></script>
<!-- Date-range picker js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/bootstrap-daterangepicker/js/daterangepicker.js')}"></script>
<!-- Date-dropper js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/bower_components/datedropper/js/datedropper.min.js')}"></script>
<!-- Custom js -->
<script type="text/javascript"
        th:src="${urls.getForLookupPath('/assets/pages/advance-elements/custom-picker.js')}"></script>
<script type="text/javascript" th:src="${urls.getForLookupPath('/assets/js/script.js')}"></script>
<script th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
<!-- pcmenu js -->
<script th:src="${urls.getForLookupPath('/assets/js/pcoded.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/assets/js/demo-12.js')}"></script>
<script th:src="${urls.getForLookupPath('/assets/js/jquery.mCustomScrollbar.concat.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/assets/js/jquery.mousewheel.min.js')}"></script>
<!-- vue js -->
<script th:src="${urls.getForLookupPath('/assets/js/vue/vue.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/assets/js/vue/element.js')}"></script>
<!-- datatables -->
<script th:src="${urls.getForLookupPath('/bower_components/datatable/jquery.dataTables.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/bower_components/datatable/dataTables.buttons.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/bower_components/datatable/jszip.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/bower_components/datatable/pdfmake.min.js')}"></script>
<script th:src="${urls.getForLookupPath('/bower_components/datatable/vfs_fonts.js')}"></script>
<script th:src="${urls.getForLookupPath('/bower_components/datatable/buttons.html5.min.js')}"></script>
<!-- pages -->
<script th:src="${urls.getForLookupPath('/assets/js/pages/common.js')}"></script>
<script th:src="${urls.getForLookupPath('/assets/js/pages/createSql.js')}"></script>
</body>
</html>
